#{extends 'main.html' /}
#{set title:'Series' /}


<div class="series_list_tab">
<div class="series_list_tab_el"><a href="/series/A">A</a></div>
<div class="series_list_tab_el"><a href="/series/B">B</a></div>
<div class="series_list_tab_el"><a href="/series/C">C</a></div>
<div class="series_list_tab_el"><a href="/series/D">D</a></div>
<div class="series_list_tab_el"><a href="/series/E">E</a></div>
<div class="series_list_tab_el"><a href="/series/F">F</a></div>
<div class="series_list_tab_el"><a href="/series/G">G</a></div>
<div class="series_list_tab_el"><a href="/series/H">H</a></div>
<div class="series_list_tab_el"><a href="/series/I">I</a></div>
<div class="series_list_tab_el"><a href="/series/J">J</a></div>
<div class="series_list_tab_el"><a href="/series/K">K</a></div>
<div class="series_list_tab_el"><a href="/series/L">L</a></div>
<div class="series_list_tab_el"><a href="/series/M">M</a></div>
<div class="series_list_tab_el"><a href="/series/N">N</a></div>
<div class="series_list_tab_el"><a href="/series/O">O</a></div>
<div class="series_list_tab_el"><a href="/series/P">P</a></div>
<div class="series_list_tab_el"><a href="/series/Q">Q</a></div>
<div class="series_list_tab_el"><a href="/series/R">R</a></div>
<div class="series_list_tab_el"><a href="/series/S">S</a></div>
<div class="series_list_tab_el"><a href="/series/T">T</a></div>
<div class="series_list_tab_el"><a href="/series/U">U</a></div>
<div class="series_list_tab_el"><a href="/series/V">V</a></div>
<div class="series_list_tab_el"><a href="/series/W">W</a></div>
<div class="series_list_tab_el"><a href="/series/X">X</a></div>
<div class="series_list_tab_el"><a href="/series/Y">Y</a></div>
<div class="series_list_tab_el"><a href="/series/Z">Z</a></div>
<div class="series_list_tab_el"><a href="/series/0">0</a></div>
<div class="series_list_tab_el"><a href="/series/1">1</a></div>
<div class="series_list_tab_el"><a href="/series/2">2</a></div>
<div class="series_list_tab_el"><a href="/series/3">3</a></div>
<div class="series_list_tab_el"><a href="/series/4">4</a></div>
<div class="series_list_tab_el"><a href="/series/5">5</a></div>
<div class="series_list_tab_el"><a href="/series/6">6</a></div>
<div class="series_list_tab_el"><a href="/series/7">7</a></div>
<div class="series_list_tab_el"><a href="/series/8">8</a></div>
<div class="series_list_tab_el"><a href="/series/9">9</a></div>
</div>

<div class="search-row">
	<div class="left-search" style="text-decoration: underline;">TV Series</div>	
	<div class="center-search" style="text-decoration: underline;">
	#{if param}
		<a href="/series/${param}/sort/rate">Rate</a>
	#{/if}
	#{else}
		<a href="/series/sort/rate">Rate</a>
	#{/else}
	</div>
	<div class="right-search" style="text-decoration: underline;">
	#{if param}
		<a href="/series/${param}/sort/following">#Followers</a>
	#{/if}
	#{else}
		<a href="/series/sort/following">#Followers</a>
	#{/else}
	</div>
	<div class="clear"></div>
</div>

#{paginate.list items:paginator, as:'serie'} 
<div class="search-row">
<div class="left-search">
	<a href="/s/${serie.id}"><img src="${serie.poster}" width="15" height="15"></a> &nbsp; 
	<a href="/s/${serie.id}">${serie.name}</a></div>

<div class="center-search">${serie.avgRate}</div>

              
<div class="right-search">${serie.numOfFollowers}</div>       



</div>
#{/paginate.list} 
    #{paginate.controls items:paginator /} 


